/* vim: set expandtab tabstop=4 shiftwidth=4 foldmethod=marker: */

/* Navigation */
div#navigation {
    background: url(/images/navigation-background.png) no-repeat center center;
    height: 62px;
    width: 759px;
    margin-left: 9px;
}

div#navigation ul li {
    float: left;
    background: transparent url(/images/navigation-matrix.png) no-repeat;
    text-indent: -12345px;
    margin-top: 20px;
    margin-right: 12px;
}

div#navigation ul li a {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

div#navigation ul li#homeMenu { height: 46px; width: 46px; background-position: 0 0; margin: 5px 12px 0 5px; }
div#navigation ul li#gamesMenu { height: 17px; width: 56px; background-position: 0 -50px; }
div#navigation ul li#recipesMenu { height: 20px; width: 64px; background-position: 0 -80px; }
div#navigation ul li#newsMenu { height: 17px; width: 44px; background-position: 0 -110px; }
div#navigation ul li#competitionsMenu { height: 20px; width: 104px; background-position: 0 -140px; }
div#navigation ul li#festivalsMenu { height: 17px; width: 71px; background-position: 0 -170px; }
div#navigation ul li#parentsTeachersMenu { height: 17px; width: 151px; background-position: 0 -200px; }
div#navigation ul li#fundraisingMenu { height: 20px; width: 95px; background-position: 0 -230px; }

div#navigation ul li#gamesMenu.chosen { height: 17px; width: 56px; background-position: -152px -50px; }
div#navigation ul li#recipesMenu.chosen { height: 20px; width: 64px; background-position: -152px -80px; }
div#navigation ul li#newsMenu.chosen { height: 17px; width: 44px; background-position: -152px -110px; }
div#navigation ul li#competitionsMenu.chosen { height: 20px; width: 104px; background-position: -152px -140px; }
div#navigation ul li#festivalsMenu.chosen { height: 17px; width: 71px; background-position: -152px -170px; }
div#navigation ul li#parentsTeachersMenu.chosen { height: 17px; width: 151px; background-position: -152px -200px; }
div#navigation ul li#fundraisingMenu.chosen { height: 20px; width: 95px; background-position: -152px -230px; }

/* H1 */
h1 					{ text-indent: -12345px; margin-bottom: 20px !important; }
h1#homepage     	{ background: url(/images/titles/welcome-kids.gif); height: 42px; width: 255px; }
h1#recipesIntro 	{ background: url(/images/titles/recipes.gif); height: 45px; width: 152px; }
h1#recipe       	{ background: url(/images/titles/recipes.gif); height: 45px; width: 152px; }
h1#storiesIntro 	{ background: url(/images/titles/stories.gif); height: 39px; width: 136px; }
h1#story        	{ background: url(/images/titles/stories.gif); height: 39px; width: 136px; }
h1#newsIntro        { background: url(/images/titles/news.gif); height: 37px; width: 95px; }
h1#news             { background: url(/images/titles/news.gif); height: 37px; width: 95px; }
h1#gamesIntro   	{ background: url(/images/titles/games.gif); height: 39px; width: 125px; }
h1#games       		{ background: url(/images/titles/games.gif); height: 39px; width: 125px; }
h1#competitions		{ background: url(/images/titles/competitions.gif); height: 48px; width: 249px; }
h1#fundraising  	{ background: url(/images/titles/fundraising.gif); height: 45px; width: 227px; }
h1#festivals		{ background: url(/images/titles/festivals.gif); height: 41px; width: 170px; }
h1#festivalsIntro   { background: url(/images/titles/festivals.gif); height: 41px; width: 170px; }
h1#parentsTeachers	{ background: url(/images/titles/parents-and-teachers.gif); height: 45px; width: 376px; }